Ext.define('EUF.view.FeeStatement', {
    //extend: 'Ext.panel.Panel',
    extend: 'Ext.form.Panel',
	alias :'widget.feeStatement',
	id:'feeStatement',
     width : '100%',
	 height: '100%',
	 layout: {
        type: 'anchor'
    },
	margin: '10 10 10 10 ',
     
    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'container',
					margin: '20 20 20 20',
                  //  margin: '20 80 20 80',
                    layout: {
                        type: 'column'
                    },
					anchor: '60%',
                    //anchor: '30% 40%',
                    items: [
                        {
                        	

                            xtype: 'combobox',
                            name:'className',
                            displayField : 'classDesc',
                            valueField : 'className',
							store: 'ClassStore',
							margin: '10 10 10 10 ',
							fieldLabel: 'Class',
                            overCls: 'shadow',
                            columnWidth: .56
                        },
                        
						
						{
							xtype: 'container',
							layout: {
								type: 'column'
							},
							margin: '5 10 5 5 ',
							columnWidth: .7,
							  items: [
								
									{
										xtype: 'datefield',
										fieldLabel: 'From',
										labelWidth: 35,
										columnWidth: 0.4,
										minWidth: 70,
										margin: '5 0 10 10',
					//					margin: '30 30 30 30 '
									},
									
									{
										xtype: 'datefield',
						//				margin: '0 50 0 0',
										fieldLabel: 'To',
										labelWidth: 20,
										margin: '5 0 10 15 ',
										minWidth: 60,
										columnWidth: 0.4
									}
							]
						},
						
                        {
                            xtype: 'container',
                           // margin: '20 20 20 40',
                            layout: {
                                align: 'middle',
                                type: 'hbox'
                            },
							margin: '0 10 0 15 ',
                            columnWidth: .59,
                            items: [
                                {
                                    xtype: 'button',
                                    margin: '0 10 0 20 ',
                                    text: 'Show',
                                    flex: 0.3
                                },
                                {
                                    xtype: 'button',
                                    text: 'Cancel',
									 margin: '0 10 0 18 ',
									 flex: 0.3
                                }
                            ]
                        }
                    ]
                },
				{
					//xtype: 'gridpanel',
					xtype: 'FantaSearchGrid',
					//title : 'Student List',
					autoScroll: true,
					width: '100%',
					flex: .7,
					stripeRows : true,
					//selType : 'cellmodel',
					plugins : [cellEditor],
					
					frame : true,
					store : 'StudentStore',
					columns : stStudentList,
					 
				}
            ]
        });

        me.callParent(arguments);
    }
});

var stStudentList = new Array();

	  
stStudentList[0] = {
	header : 'Name',
	dataIndex : 'studentName',
	                
	 flex: 1
};
 
stStudentList[1] = {
	header : 'Batch',
	dataIndex : 'batch',
	
               
	 flex: 1
}; 
 
stStudentList[2] = {
	header : 'Admission No',
	dataIndex : 'admNo',
	
               
	 flex: 1
}; 
	
	

stStudentList[3] = {
	header : 'Class',
	dataIndex : 'className',
	field : 'textfield',
	flex: 1 
	};
			


stStudentList[4] = {
	header : 'Roll Number',
	dataIndex : 'rollNo',
	field : 'textfield',
	flex: 1 
	};
			


 

var cellEditor = Ext.create('Ext.grid.plugin.CellEditing',{	clicksToEdit : 2}) ;





/* Ext.define('EUF.view.UserPersonalDetails', {
    extend: 'Ext.panel.Panel',
	extend: 'Ext.form.Panel',
	alias :'widget.userpersonaldetails',
	id:'userPersonalDetails',
    width : '70%',
	Height: '70%',
    layout: {
        type: 'anchor'
    },
   // title: 'My Panel',

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'container',
                    margin: '30 30 30 30 ',
                    layout: {
                        type: 'hbox'
                    },
                    //anchor: '90%',
                    items: [
                        {
                            xtype: 'textfield',
                            margin: '10 10 10 10 ',
                            fieldLabel: 'Class',
                            labelWidth: 40,
                      //      columnWidth: 1
                        },
                        {
                            xtype: 'datefield',
                            margin: '0 0 0 15',
                            fieldLabel: 'From',
                            labelWidth: 35,
                            columnWidth: 0.5
                        },
                        {
                            xtype: 'datefield',
                            margin: '0 5 0 10',
                            fieldLabel: 'To',
                            labelWidth: 20,
                            size: 10,
                            columnWidth: 0.5
                        },
						{
							xtype: 'button',
							margin: '0 0 20 50',
							text: 'MyButton',
							anchor: '30%'
						},
						{
							xtype: 'button',
							margin: '0 0 20 50',
							text: 'MyButton',
							anchor: '30%'
						}
                    ]
                },
                
            ]
        });

        me.callParent(arguments);
    }
}); */